/******************************************************************************/
/*                                                                            */
/*   FunGen.css      ( Definición de estilos )                                */
/*                     Estilo de objetos de caracter global.                  */
/*                                                                            */
/*   Proyecto: AGFeliz WEB                                                    */
/*             Página web.                                                    */
/*                                                                            */
/*   AGFeliz.com            - C. Ingeniero Canales, 24. 3ºI .03013 -ALICANTE. */
/*   Antonio GONZÁLEZ FELIZ - C. Jirafa, 39-37. - 03699 El Moralet -ALICANTE. */
/*                                                                            */
/******************************************************************************/

/*----------------------------------------------------------------------------*/

#iPie{position:absolute;bottom:0em;text-align:right;width:95%;font-size:.7em;
      font-family:Courier,"Lucida Console",monospace;}
.clVer{visibility:visible;transition:1s ease;}
.clOcultar{visibility:hidden;transition:2s ease;}

.clOculto{display:none;overflow:hidden;}
.clBtn{color:lime;font:1em sans-serif;padding:20px;border-radius:6px;
   background-image:linear-gradient(to bottom,black,white);
   cursor:pointer;transition-duration: all 5s;/*z-index:9999;*/
   position:fixed;top:5em;width:50%;left:24%;}
.clBtn:hover{color:blue;font-weight:bold;}
.clBtn2{color:blue;padding:5px;border-radius:5px;font-weight:bold;
   background-image:linear-gradient(to bottom,gray,white);
   cursor:pointer;transition-duration: all 5s;}
.clBtn2:hover{color:black;}
.clBtn2:disabled{color:gray;opacity:.4;cursor:not-allowed;}
.clFD{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;
       z-index:1000;padding:0px;color:navy;font-size:1.3em;cursor:wait;
       background-color:rgba(150,150,150,0.8);overflow:auto;
       font-family:Courier,"Lucida Console",monospace;}
.clFD p{color:navy;text-shadow:-1px -1px 0 black, 1px 1px 0px white;}
.clFD table{margin:0 auto;border-spacing:5px;}
.clFD table td{cursor:pointer;border:2px solid gray;border-radius:5px;
   background-image:linear-gradient(to bottom,gray,white);padding:5px;
   margin:3px;font-size:1em;font-weight:bold;}
tr.clPOS td{border:3px solid blue;}
.clAtr{position:fixed;top:5px;left:5px;font-size:0.5em;cursor:pointer;
   border:2px solid gray;border-radius:5px;padding:5px;font-weight:bold;
   background-image:linear-gradient(to bottom,gray,white);}

.cCmp{cursor:pointer;color:blue;background-color:#ffc;border-radius:5px;
   box-shadow:5px 15px 10px #FFF inset, 0 0 5px #666;}
.clGrande{font-size:1.8em;} .clMed{font-size:.7em;} .clPeq{font-size:0.5em;}
/*AniLogo*/
.clESAni{font:2em sans-serif;position:fixed;width:20%;left:40%;3em;
   -webkit-animation: Giro 0.5s linear infinite;
   -moz-animation: Giro 0.5s linear infinite;
   -ms-animation: Giro 0.5s linear infinite;
   -o-animation: Giro 0.5s linear infinite;
   animation: Giro 0.5s linear infinite;}
@-webkit-keyframes Giro{
    0%{-webkit-transform:translate(-100%);
       -o-transform:translate(-100%);
       transform:translate(-100%);
       color:black;}
   50%{color:white;}
  100%{-webkit-transform: translate(100%);
       -o-transform: translate(100%);
       transform: translate(100%);
       color:black;}}
@-webkit-keyframes Giro2{
  from{-webkit-transform:rotate(0deg); -o-transform:rotate(0deg);
       transform:rotate(0deg);          color:black;}
  to{-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);
     transform:rotate(360deg);          color:white;}}

/*AmpliarImagenes*/
.clIk{width:50%;margin:10px;cursor:pointer;}
.cIMin{margin:auto;padding:5px;width:70%;cursor:pointer;transition:0.3s;}
.cIMin:hover, .clIk:hover{opacity:0.7;border:1px solid #333;}
.cPAmp{position:fixed;padding-top:50px;left:0;top:0;width:100%;height:100%;
    overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8);}
.cIAmp{margin:auto;display:block;}
#iTAmp{margin:auto;display:block;width:80%;max-width:700px;text-align:center;
    color:#DDD;padding:10px 0;height:150px;}
.cIAmp,#iTAmp{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;
   animation-name:zoom;animation-duration:0.6s;}
@-webkit-keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes zoom{from{transform:scale(0.1)}to{transform:scale(1)}}
.cCierra{position:absolute;top:15px;right:35px;color:#77F;font-size:40px;
   font-weight:bold;transition:0.3s;border:1px solid lime;border-radius:20px;}
.cCierra:hover,.cCierra:focus{color:#AAF;text-decoration:none;cursor:pointer;}
@media only screen and (max-width:700px){.cIAmp{width: 100%;}}
/*----------------------------------------------------------------------------*/